<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #banking{
            background-color: #F2EFEA;
            height: 350px;
            width: 240px;
        }
        .rank{
            text-decoration: none;
            color: black;
        }
        .rank:hover{
            text-decoration: none;color: maroon;
        }
    </style>
</head>
<body>
<div th:include="common/inc"></div>
<div id="banking">
    <table align="center">
        <tr>
            <td colspan="2" height="40px" valign="center">
                <a th:href="@{toBoyUpdateCount}" class="rank" style="font-size: medium;font-weight: bold">更新排行榜>>></a>
            </td>
        </tr>
        <tr th:each="b:${list}">
            <td width="30px">
                <span th:if="${b.blRow==1}" th:text="${b.blRow}" style="font-size: large;font-weight: bold;color: red;text-align: center"></span>
                <span th:if="${b.blRow==2}" th:text="${b.blRow}" style="font-size: large;font-weight: bold;color: orangered;text-align: center"></span>
                <span th:if="${b.blRow==3}" th:text="${b.blRow}" style="font-size: large;font-weight: bold;color: orange;text-align: center"></span>
                <span th:if="${b.blRow!=1&&b.blRow!=2&&b.blRow!=3}" th:text="${b.blRow}" style="font-size: large;font-weight: bold;color: black;text-align: center"></span>
            </td>
            <td>
                <input type="hidden" name="blId" th:value="${b.blId}">
                <a class="rank" th:href="@{/book/showBookInfo(blId=${b.blId})}" th:target="_parent" th:text="${b.blName}"></a>
            </td>
        </tr>
    </table>
</div>
</body>
</html>
<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Title</title>-->
<!--</head>-->
<!--<body>-->
<!--<div th:include="common/inc"></div>-->
<!--<table id="table" >-->
<!--    <a th:href="@{boyUpdateCount}">更新排行榜>>></a>-->
<!--    <ol>-->
<!--        <li th:each="b:${list}">-->
<!--            <input type="hidden" name="blId" th:value="${b.blId}">-->
<!--            <input type="hidden" name="userid" th:value="1">-->
<!--            <span>-->
<!--                <a th:href="@{/book/showBookInfo(blId=${b.blId})}" th:target="_parent" th:text="${b.blName}"></a>-->
<!--            </span>-->
<!--        </li>-->
<!--    </ol>-->
<!--</table>-->
<!--</body>-->
<!--<script>-->
<!--    // $(function () {-->
<!--    //     $("table tr").children('td:eq(2)').html("<font color='red'>1</font>");-->
<!--    //     $("table tr").children('td:eq(5)').html("<font color='red'>2</font>");-->
<!--    //-->
<!--    //-->
<!--    // })-->

<!--</script>-->
<!--</html>-->